{% extends 'base.html' %}

{% block jquerycript %}
	$(function() {$("ul.tabs").tabs("div.panes > div");});
{% endblock %}

{% block ruta %}
	<li><a href="/">Inicio</a></li>
	<li>>></li>
	<li><a href="/academico/">Académico</a></li>
	<li>>></li>
	<li>Programas</li>
{% endblock %}

{% block contenido %}
	<div id="content" class="with_sidebar">
		<h1>Programas</h1>
			<ul class="tabs">
				{% for programa in programas %}
					<li><a href="#" title="{{ programa.nombre }}">{{ programa.abreviatura }}</a></li>
				{% endfor %}
			</ul>
		<div class="panes">
			{% for programa in programas %}
				<div class="panesDiv">
					<div style="height:{{ margintop }}px;"></div>
					<h2>Información básica</h2>
					<table>
						<tr>
							<td valign="top" style="text-align:left; width: 130px;"><strong>Código: </strong></td>				
						    <td valign="top" style="text-align:justify">{{ programa.codigo }}</td>
						</tr>
						<tr>
							<td valign="top" style="text-align:left"><strong>Nombre completo: </strong></td>				
						    <td valign="top" style="text-align:justify">{{ programa.nombre }}</td>
						</tr>
						<tr>
							<td valign="top" style="text-align:left"><strong>Tipo de programa: </strong></td>				
						    <td valign="top" style="text-align:justify">{{ programa.tipo_programa }}</td>
						</tr>
						<tr>
							<td valign="top" style="text-align:left"><strong>Descripción: </strong></td>				
						    <td valign="top" style="text-align:justify">{{ programa.descripcion }}</td>
						</tr>
						<tr>
							<td valign="top" style="text-align:left"><strong>Título: </strong></td>				
						    <td valign="top" style="text-align:justify">{{ programa.titulo }}</td>
						</tr>
						<tr>
							<td valign="top" style="text-align:left"><strong>Resolución: </strong></td>				
						    <td valign="top" style="text-align:justify">{{ programa.resolucion }}</td>
						</tr>
						<tr>
							<td valign="top" style="text-align:left"><strong>SNIES: </strong></td>				
						    <td valign="top" style="text-align:justify">{{ programa.snies }}</td>
						</tr>
					</table>
					<h2>Horarios</h2>
					<table>
						<tr>
							<td valign="top" style="text-align:left; width: 130px;"><strong>Periodicidad: </strong></td>				
						    <td valign="top" style="text-align:justify">{{ programa.periodicidad }}</td>
						</tr>
						<tr>
							<td valign="top" style="text-align:left"><strong>Duración: </strong></td>				
						    <td valign="top" style="text-align:justify">{{ programa.duracion }}</td>
						</tr>
						<tr>
							<td valign="top" style="text-align:left"><strong>Jornada: </strong></td>				
						    <td valign="top" style="text-align:justify">{{ programa.jornada }}</td>
						</tr>						
					</table>
					<h2>Información adicional</h2>
					<table>
						<tr>
							<td valign="top" style="text-align:left; width: 130px;"><strong>Aptitudes: </strong></td>				
						    <td valign="top" style="text-align:justify">{{ programa.aptitudes }}</td>
						</tr>
						<tr>
							<td valign="top" style="text-align:left"><strong>Perfil profesional: </strong></td>				
						    <td valign="top" style="text-align:justify">{{ programa.perfil_profesional }}</td>
						</tr>
						<tr>
							<td valign="top" style="text-align:left"><strong>Funciones: </strong></td>				
						    <td valign="top" style="text-align:justify">{{ programa.funciones }}</td>
						</tr>						
					</table>
				</div>
			{% endfor %}
		</div>
	</div>			
{% endblock %}